/*切图：bwh*/
/*网站：*/
/*全局*/
html{ overflow-x:auto; overflow-y:auto;}
*{ margin: 0; padding: 0; }
ul,ol,li{ list-style-type:none;}
body, button, input, select, textarea{ font-family:'Microsoft yahei'; font-size:12px; color:#666; }
code, kbd, pre, samp {font-family:'Microsoft yahei';}
a{ text-decoration: none; color:#333;}
a:hover{color:#04c0fe;}
img{ max-width:100%; border:0;}
li{ line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none;}
input,textarea,button{ outline:none;}
em,i{ font-style:normal;}

.pz_top{ float:left; width:100%; min-width:1100px; position:absolute; top:0; left:0; z-index:999;}
.pz_banner{ float:left; width:100%; min-width:1100px; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%; min-width:1100px; background:#f7f7f7;}
.pz_down{ float:left; width:100%; min-width:1100px; background:#34b1d7;}
.w_0100{ float:left; width:100%;}
.w_1200{ margin:0 auto; width:1100px;}



/*左右结构*/
/*top*/

.hTop{ float:left; width:100%; position:relative;}
.logo{ float:left; width:127px; height:38px; margin:21px 0 0 0;}
.logo img{float:left; width:127px; height:38px;}
.so_box{ float:right; position:relative; z-index:99; margin:31px 0 0 0;}
.Search_but{ float:left; width:18px; height:18px; cursor:pointer;}
.so_but{ display:none;float:left; width:280px; position:absolute; right:0; top:47px; z-index:99;}
.so{ float:left; width:100%; background:#fff; background:rgba(255,255,255,0.92); position:relative; box-shadow:0 5px 10px rgba(0,0,0,0.3);}
.so .Search{ float:left; width:225px; height:36px; background:none; border:none; line-height:36px; padding:0 56px 0 12px; color:#333333; font-size:14px;}
.so .sear_sub{ float:right; width:46px; height:36px; border:none;background:url(images/41.png) center no-repeat; position:absolute; right:0; top:0;}


.pc_menu{ float:right; margin-right:18px;}
.pc_menu ul{ float:left;}
.pc_menu ul .nli{ float:left; margin:0 6px; height:55px; padding-top:23px;}
.pc_menu ul .nli span a{ float:left;font-size:16px; line-height:32px; height:32px; color:#fff; padding:0 14px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; position:relative;}
.pc_menu ul .nli span a:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; bottom:-23px; content:''; border-left:9px solid transparent; border-right:9px solid transparent;border-bottom:9px solid #fff; margin-left:-9px;opacity:0.92; filter:alpha(opacity=92);}
.pc_menu ul .nli.on span a{ background:url(images/34.png) center no-repeat; background-size:100% 100%;}
.pc_menu ul .nli:hover span a:after{ display:block;}
.pc_menu .ul1{ display:none; float:left; width:100%; position:absolute; left:0; top:78px; background:#fff; background:rgba(255,255,255,0.92); padding:30px 0;}
.pc_menu .ul1 dl{ float:left; width:24.9%; border-right:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}
.pc_menu .ul1 dl:last-child{ border-right:none;}
.pc_menu .ul1 dl dd{ float:left; width:100%;}
.pc_menu .ul1 dl .dd0{ text-align:center; line-height:0; margin-bottom:26px;}
.pc_menu .ul1 dl .dd1 a{ float:left; width:100%; color:#333333; font-size:16px; line-height:28px; text-indent:75px; margin-bottom:9px; font-weight:bold; background:url(images/35.png) 58px center no-repeat;}
.pc_menu .ul1 dl .dd2 a{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; text-indent:75px;}
.pc_menu .ul1 dl .dd2 a:hover{ color:#0aadde; text-decoration:underline;}


/*右侧漂浮*/
.pf_right{ float:left; width:38px; position:fixed; z-index:999; right:0; top:50%; margin-top:-118px;}
.pf_right ul{ float:left; width:100%; position:relative;}
.pf_right ul:after{ float:left; width:1px; height:90%; background:#b5b5b5; position:absolute; left:50%; top:5%; content:''; z-index:1;}
.pf_right ul li{ float:left; width:100%; margin:5px 0; position:relative; z-index:6;}
.pf_right ul li .ico{ float:left; width:100%; line-height:0; height:38px; border-radius:50%; position:relative; z-index:6; background:#b5b5b5;}
.pf_right ul li:hover .ico{ background:url(images/47.png) center no-repeat;}

.pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:0; right:-300px; background:url(images/48.png) right center no-repeat; background-size:100% 100%; line-height:30px; color:#fff; font-size:16px; padding:0 15px 0 7px; white-space:nowrap;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.pf_right .pf_er{ float:left; position:absolute; z-index:4; top:0; right:-300px; width:110px; background:url(images/49.png) right center no-repeat; background-size:100% 100%; line-height:0; padding:5px 13px 5px 5px;white-space:nowrap; border-radius:3px 0 0 3px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.pf_right .pf_er img{ background:#fff;}

.pf_right ul li:hover .pf_tel{ right:42px;}
.pf_right ul li:hover .pf_er{ right:42px;}


/*banner*/
.banner { position:relative; width:100%; height:617px; overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner img {transition:1.5s ease-in-out;}
.banner .bd li.hover img {transform:scale(2);}
.banner .hd { position:absolute; bottom:18px; left:50%; width:200px; margin-left:-100px; height:10px; text-align:center; }
.banner .hd li { display:inline-block; width:10px; height:10px; margin:0 7px; background:url(images/33.png) right center no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer;}
.banner .hd li.on { background:url(images/33.png) left center no-repeat;}


/*main*/
.c_1200{ float:left; width:100%; margin-top:40px;}
.l_790{ float:left; width:65.8333333%;}
.tit1{ float:left; width:100%; height:36px; line-height:36px;}
.tit1 span{ float:left; color:#252525; font-size:18px; font-weight:bold; }
.tit1 span strong{ color:#044ea1;}
.tit1 a{ float:right; color:#313131;}
.tit1 a:hover{ color:#044ea1;}
.l_380{ float:left; width:48.2%; margin-top:10px;}
.slideBox{ width:100%; overflow:hidden; position:relative;}
.pf_0100_1{ height:31px; width:100%; overflow:hidden; background:rgba(0,0,0,0.4); position:absolute; left:0; bottom:0; z-index:1;}
.slideBox .hd{ height:31px; width:42%; overflow:hidden; background:rgba(0,0,0,0.4); position:absolute; right:0; bottom:0; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; width:100%}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:19.5%; height:31px; line-height:31px; margin-right:0.5%; color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-align:center; background:rgba(0,0,0,0.4); cursor:pointer; }
.slideBox .hd ul li.on{ background:#000; color:#fff; }
.slideBox .hd ul li:last-child{ margin-right:0;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li img {transition:1.5s ease-in-out;}
.slideBox .bd li.hover img {transform:scale(2);}

.d_380{ float:left; width:100%; margin-top:13px;}
.d_380 .tit2{ float:left; width:100%;}
.d_380 .tit2 a{ float:left; width:90%; overflow:hidden; text-overflow:ellipsis; height:30px; line-height:30px; font-size:16px; color:#010101; font-weight:bold;}
.d_380 .text{ float:left; width:100%; color:#4e4d4d; height:44px; overflow:hidden; line-height:22px; font-size:14px;}

.l_380_1{ float:left; width:48.2%; margin-left:3.6%; margin-top:10px;}
.l_380_1 .t_380{ float:left; width:100%;}
.l_380_1 .t_380 ul{ float:left; width:100%;}
.l_380_1 .t_380 li{ float:left; width:50%; height:41px; background:#ebebeb; cursor:pointer; line-height:41px; text-align:center; font-size:16px; color:#010101}
.l_380_1 .t_380 li.on{ background:#3467a1; color:#fff;}
.l_380_1 .d_380_1{ float:left; width:100%; margin-top:4px;}
.l_380_1 .d_380_1 ul{ float:left; width:100%;}
.l_380_1 .d_380_1 li{ float:left; width:100%; padding:0 20px; height:43px; line-height:43px;}
.l_380_1 .d_380_1 li a{ float:left; width:100%; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#333333;}
.l_380_1 .d_380_1 li a span{ color:#676767}
.l_380_1 .d_380_1 li a:hover{ color:#044ea1}
.l_380_1 .d_380_1 li a:hover span{ color:#044ea1}
.l_380_1 .d_380_1 li:nth-child(2n){ background:#f6f6f6;}

.r_380{ float:right; width:32%;}
.new_list{ float:left; width:100%;}
.new_list li{ float:left; width:100%; margin-top:10px;}
.new_list li .l_152{ float:left; width:40%;}
.new_list li .l_152 a{ float:left; width:100%;}
.new_list li .r_210{ float:right; width:55%;}
.new_list li .r_210 .tit3{ float:left; width:100%;}
.new_list li .r_210 .tit3 a{ float:left; width:90%; overflow:hidden; text-overflow:ellipsis; color:#2b2b2b; font-size:14px; line-height:24px;}
.new_list li .r_210 .tit3 a:hover{ color:#044ea1;}
.new_list li .r_210 .text1{ float:left; width:100%; color:#727272; font-size:12px; line-height:18px; height:36px; overflow:hidden; margin-top:5px;}
.new_list li .r_210 .time{ float:left; width:100%; color:#e70013; line-height:22px; margin-top:5px;}
.new_list li:first-child{ margin-top:10px;}

.c_1200_1{ float:left; width:100%; margin-top:36px; padding-bottom:63px;}
.d_1200{ float:left; width:100%; margin-top:8px;}
.d_1200 ul{ float:left; width:100%;}
.d_1200 li{ float:left; width:24.3%; margin-left:0.8%; position:relative; z-index:111;}
.d_1200 li:first-child{ margin-left:0;}
.d_1200 li a{ float:left; width:100%;}
.d_1200 li a img{ float:left; width:100%;}
.pf_292{ position:absolute; z-index:11; width:100%; left:0; bottom:0;}
.pf_292 a{ float:left; width:100%; background:rgba(0,0,0,0.6); font-size:16px; color:#fff; line-height:68px; height:68px; color:#ffffff; padding:0 50px 0 20px; overflow:hidden; text-overflow:ellipsis;}
.pf_292 a .tit4{ float:left; width:100%; height:68px; line-height:68px; overflow:hidden; text-overflow:ellipsis;}
.d_1200 li:hover .pf_292 a{ float:left; height:178px; width:100%; padding:0 20px; transition: height 1s;}
.d_1200 li:hover .pf_292 a .tit4{ float:left; width:100%; line-height:32px; margin-top:18px; height:32px; overflow:hidden; text-overflow:ellipsis;}
.text2{ float:left; width:100%; height:72px; overflow:hidden; color:#fff; line-height:24px; color:#fff; font-size:12px;}
.pf_22{ position:absolute; z-index:11; width:22px; height:22px; right:20px; bottom:23px;}
.pf_22 a{ float:left; width:22px; height:22px; background:url(images/g3.png) no-repeat;}
.d_1200 li:hover .pf_22 a{ background:url(images/g3_1.png) no-repeat; transition: background 1s;}

/*down*/


.back2{ background:#222222;}
.copyright { float:left; width:100%; text-align:center; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:22px; padding:6px 0;}
.copyright a {color:#fff; color:rgba(255,255,255,0.6);}
.copyright a:hover{ color:rgba(255,255,255,1); text-decoration:underline;}
.links{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.1); font-size:14px; line-height:22px; padding:14px 0;}
.links *{display:none;}
.links a,
.links span{color:#fff; color:rgba(255,255,255,0.6);}
.links a:hover{ color:rgba(255,255,255,1); text-decoration:underline;}
.footNav{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:22px; padding:30px 0 23px 0;}
.footNav a{ color:rgba(255,255,255,0.6); margin-right:67px;}
.footNav a:hover{ color:rgba(255,255,255,1); text-decoration:underline;}
.footAddr{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:22px;}
.footAddr .p1{ display:block; margin:4px 0; padding-left:22px;}
.foot1{ float:left; width:902px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.1); padding:13px 0;}
.foot1 .logo1{ float:left; height:45px; padding:7px 56px 0 0; margin:0 53px 0 0; border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.1);}
.footShare{ float:right;}
.footShare a{ float:left; width:36px; width:36px; line-height:0; border-radius:50%; margin:8px 0 0 18px; background:#e78110;}
.footShare a:hover{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}
.footEr{ float:right; width:94px; text-align:center; padding-top:2px; padding-left:50px; border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.1); position:relative; top:0; margin-top:-40px;}
.footEr i{ float:left; width:100%; line-height:0;}
.footEr h5{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:16px; margin-top:14px; font-weight:normal;}

/*左边*/
/*left*/

.jquery-accordion-menu red{ float:left; width:100%;}
#demo-list{ float:left; width:100%;}
#demo-list .l1{ float:left; width:100%;}
#demo-list .l1 .l1_a{ float:left; width:183px; padding: 14px 22px; float: left; color: #fff; font-size:16px;background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);  white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear,background .2s linear; -moz-transition: color .2s linear,background .2s linear; -webkit-transition: color .2s linear,background .2s linear; transition: color .2s linear,background .2s linear;}
#demo-list .l1 .l1_a .submenu-indicator{float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear;background:url(images/left_bg.png) no-repeat right center; width:13px;background:url(images/left_bg.png) no-repeat right center;}
#demo-list .l1 .l1_a:hover,
#demo-list .l1 .l1_a.active,
#demo-list .l1 .l1_a.on{background-color:#0aadde; background-image: linear-gradient(to right, #0aadde , #b2f266); }
#demo-list .l1 .l1_a.active .submenu-indicator,
#demo-list .l1 .l1_a.on .submenu-indicator{background:url(images/left_bg1.png) no-repeat right center;}
#demo-list .submenu1{ float:left; width:100%; display:none;}
#demo-list .submenu2{ float:left; width:100%; display:none; padding:7px 0 14px 0; background:#000;}
#demo-list .l2{ float:left; width:100%;}
#demo-list .l2 .l2_a{ float:left; width:169px; padding: 14px 22px 14px 30px; color: #fff; font-size:14px; background: #333; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear}
#demo-list .l2 .l2_a .submenu-indicator{float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear;background:url(images/left_bg.png) no-repeat right center; width:13px;background:url(images/h_img10_2.png) no-repeat right center;}
#demo-list .l2 .l2_a:hover{ background: #222222; border-left-color: #0aadde;}
#demo-list .l2 .l2_a.active{ background: #222222;}
#demo-list .l1 .l2 .l2_a.active .submenu-indicator{background:url(images/h_img10_1.png) no-repeat right center;}
#demo-list .l3{ float:left; width:169px; padding:0 22px 0 36px; }
#demo-list .l3 a{ float:left; width:149px; color:#fff; font-size:14px; padding:7px 0 7px 15px; background:url(images/h_img6.png) left center no-repeat;}
#demo-list .l3 a:hover{ color:#0aadde;}


.ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear}

@-webkit-keyframes ripple {
	100% {opacity: 0; -webkit-transform: scale(2.5)}
}
@-moz-keyframes ripple {
	100% {opacity: 0; -moz-transform: scale(2.5)}
}
@-o-keyframes ripple {
	100% { opacity: 0; -o-transform: scale(2.5)}
}
@keyframes ripple {
	100% { opacity: 0; transform: scale(2.5) }
}




/*1关于我们*/
.pf_1200_1{ float:left; width:100%; padding:25px 0 50px 0;}
.l_227{ float:left; width:227px;}
.tit_227{ float:left; width:187px; height:66px;background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); margin-bottom:1px; padding:36px 20px 26px 20px;}
.tit_227 strong{ float:left; width:100%;color:#fff; font-size:24px; line-height:36px; font-weight:normal;}
.tit_227 span{ float:left; width:100%; font-family: Arial;font-size: 18px;color: #fff;line-height: 36px; text-transform: uppercase;}

.r_944{ float:right; width:810px; min-height:500px; padding:30px 20px 40px 20px; background: #fff; box-shadow: 0 0 6px #e6e6e6; }
.t_944{ float:left; width:100%; padding:0 0 10px 0; border-bottom:1px solid #dedede;}
.t_944 .l_300{ float:left; color:#333; font-size:20px; line-height:24px; padding-left:24px; background:url(images/b_img1.png) left center no-repeat; font-weight:bold;}
.t_944 .r_400{ float:right;color:#666666; font-size:14px; }
.t_944 .r_400 a{ color:#666666; font-size:14px; line-height:24px;}
.t_944 .r_400 a:hover{ color:#333;}
.d_944{ float:left; width:100%; color:#555555; font-size:14px; line-height:24px; padding:25px 0 0 0;}

.news-tittle { padding: 0 20px; height: 68px; background: #d6d7d9; margin-bottom: 25px;}
.news-tittle h2 { padding: 16px 0 10px; color: #696969; font-size: 14px; line-height: 14px; text-align: center;}
.news-tittle p { display: table; margin: 0 auto;}
.news-tittle span { margin: 0 12px; color: #696969; font-size: 12px; line-height: 12px;}

/*新闻资讯1*/
.d_944_1{ float:left; width:100%; padding:5px 0 0 0;}
.d_944_1 ul{ float:left; width:100%; padding:0 0 30px 0;}
.d_944_1 ul .li3{ float:left; width:100%; padding:0 11px 0 15px; box-sizing:border-box;}
.d_944_1 ul .li3.li1{ float:left; width:100%; background:#f6f6f6;}
.d_944_1 ul .li3 a{ float:left; width:85%; color:#333333; font-size:14px; line-height:43px; overflow:hidden;text-overflow:ellipsis; padding:0 0 0 18px; box-sizing:border-box; background:url(images/h_img5.png) left center no-repeat;}
.d_944_1 ul .li3 span{ float:right; color:#333333; line-height:43px;}
.d_944_1 ul .li3:hover a{ color:#333; background:url(images/h_img6.png) left center no-repeat;}

/*新闻资讯2*/
.l_0100_1{ float:left; width:100%; padding:0;}
.t_new{ float:left; width:100%; padding:0 0 50px 0;}
.t_new .t_new_a{ float: left; width:100%; padding:22px 0; border-bottom:#cdcdcd dashed 1px; overflow:hidden;}
.t_new .t_new_a .l_img{ float: left; width:180px; height:118px; overflow:hidden;}
.t_new .t_new_a .l_img img{-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.t_new .t_new_a .r_new{ float: right; width:610px; height:118px;}
.t_new .t_new_a .d_new_1{ float:left; width:100%; height:22px;}
.t_new .t_new_a .d_new_1 a{ float:left; width:100%; height:22px; line-height:22px; color:#535962; font-size:14px; overflow: hidden; text-overflow:ellipsis;}
.t_new .t_new_a:hover .d_new_1 a{ color:#333;}
.t_new .t_new_a .d_new_2{ float:left; width:100%; height:auto;overflow:hidden; color:#646464; margin-top:3px; line-height:27px;}
.t_new .t_new_a .d_new_3{ float:left; width:100%;}
.t_new .t_new_a .d_new_3 a{ color:#a2a2a2; line-height:22px;}
.t_new .t_new_a:hover .l_img img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}



/* 分页 */
.pz_fy{width:100%; float:left; padding:5px 0; text-align:center;display:inline}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border: #d3d3d3 1px solid; PADDING:3px  8px; color:#767676; font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; border:none; PADDING:4px  9px; background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); text-decoration:none;}/*鼠标
经过和默认当前页样式*/

/*3业务领域*/
.d_944_3{float:left; width:100%; color:#333333; line-height:24px; padding:14px 0 40px 0;}


/*7加入我们*/
.d_944_4{float:left; width:100%; padding:25px 0 0 0;}
.sideMenu{float:left; width:100%;}
.sideMenu .t_740{float:left; width:100%; height:50px; line-height:50px; padding:0 31px 0 23px; box-sizing:border-box; background:#f0f0f0; cursor:pointer; margin:11px 0 0 0; font-weight:normal; color:#2d2d2d; font-size:14px;}
.sideMenu .t_740 em{ float:right; display:block; width:13px; height:50px;   background: url(images/h_img9.png) right center no-repeat; cursor:pointer; }
.sideMenu .t_740.on{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); color:#fff;}
.sideMenu .t_740.on em{ background:url(images/h_img10.png) right center no-repeat;}
.sideMenu .l_740{float:left; width:100%;display:none; padding:0 0 15px 0;}
.l_t_740{ float:left; width:100%; padding:14px 24px 12px 24px; color:#666666; line-height:24px; border-bottom:1px dotted #c2c2c2;}
.l_t_740 .l_230{ float:left; width:100%;}
.l_t_740 .l_230 .l_225{ float:left; width:225px;}

.l_d_740{ float:left; width:100%; color:#666666; line-height:24px; padding:13px 24px 0 24px; box-sizing:border-box;}
._bnt{ float:left; width:100%; margin:9px 0 0 0;}
._bnt a{ float:left; width:120px; height:32px; line-height:32px; color:#fff; text-align:center;background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}
	
/* job-list */
.job-list { float:left; width: 100%; }
.job-list .jobli{margin-bottom: 20px;position: relative;padding: 27px 15px 60px 37px;background-color: #fff;min-height: 87px;max-height: 87px;border: 1px solid #ededed;overflow:hidden;}
.job-list .jobli:before{content: '';display: block;width: 9px;height: 13px;background: url(images/job.png) no-repeat -44px -13px;position: absolute;z-index: 1; right: 64px;bottom: 8px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list .jobli:after{content: '';display: block;width: 40px;height: 30px;background-color: #bfbfbf;position: absolute;right: 50px;bottom: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}

.job-list .jobli .job-person{float: left; text-align: center;font-size: 12px;line-height: 24px;color: #666;position: relative;width: 121px;height: 63px;border: 3px solid #04c0fe;background-color:#fff;padding-top: 58px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list .jobli .job-person:before{content: '';display: block;width: 27px;height: 32px;background: url(images/job.png) no-repeat 0px -32px;position: absolute;left: 41px;top: 18px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list .jobli .job-person em{display: block;font-size: 16px;}
.job-list .jobli .job-work{float: right;width: 556px; height:88px; overflow:hidden;}
.job-list .jobli.on .job-person{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);color: #fff;}
.job-list .jobli.on .job-person:before{background-position: 0px 0px;}
.job-list .jobli.on{max-height: 100%;}
.job-list .jobli.on:after{background-color: #04c0fe}
.job-list .jobli.on:before{background-position: -44px 0px}
.job-list .jobli.on .job-work{ height:auto;}

.wrap .wrapli{ float:left; width:100%; line-height:45px; color:#7c7c7c; text-align:center; background:#fff;}
.wrap .wrapli.one{ background:#ebebeb;}
.wrap .wrapli span{ float:left; width:20%;}
.wrap .wrapli span .more{ background:url(images/mb-icon-10.png) left center no-repeat; padding:5px 0 5px 22px; color:#7c7c7c;}
.wrap .wrapli span .more:hover{ background:url(images/mb-icon-11.png) left center no-repeat; color:#333;}
.wrap .wrapli .l1{ text-align:left; padding-left:5%; width:15%;}


/* page */
.page {color:#727272;font-size: 14px; line-height:14px; clear:both; float:left; width:100%; text-align:center; margin:30px auto 0;  }
.page a:nth-child(2) { border:0;}
.page a { display:inline-block;zoom:1; padding:0 10px; color:#727272;font-size: 14px; line-height:14px;text-transform: uppercase;text-align: center;}
.page a.prev {width:50px; height:14px; line-height: 14px; color: #727272;border:0; padding:0; margin:0 16px;position: relative;}
.page a.prev:before{content: '';display: block;position: absolute;left:-8px;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-right:9px solid #727272;top: 1px}
.page a.next {width:50px; height:14px; line-height: 14px; color: #727272; border:0; padding:0; margin:0 16px;position: relative;}
.page a.next:after{content: '';display: block;position: absolute;right:-8px;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-left: 9px solid #727272;top: 2px}
.page a:hover,.page a.current { color:#38afdb; }
.page a.prev:hover,.page a.next:hover {color: #38afdb;}
.page a.prev:hover:before{border-right:9px solid #38afdb;}
.page a.next:hover:after{border-left:9px solid #38afdb;}
.but_dpf{ position:absolute; left:239px; bottom:18px; width:120px;}
.but_dpf a{ background:#bfbfbf; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px;}	
.job-list li.on .but_dpf a{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}



/*7加入我们的--详情页面*/
.hr_text { float:left;  width:100%; padding:20px 0 30px 0; border-bottom: 1px dotted #c6c6c6; overflow: hidden; margin-bottom:10px;}
.hr_text h2 { margin-bottom: 10px; color: #4e4e4e; font-size: 20px;}
.hr_text dl { float: left; width: 500px;}
.hr_text dl dt { margin-bottom: 10px; color: #4e4e4e; font-size: 14px; font-weight: bold;}
.hr_text dl dd { color: #4e4e4e; font-size: 12px; line-height: 24px;}

/*5在线留言*/
.c_800_3{float:left; width:100%; padding:15px 0 10px 0; }
.c_800_3 table td{ padding:10px 0;}
.input_1{float:left; width:373px; border:1px solid #d4d4d4; background:#fff; height:39px; line-height:39px; padding:0 10px; color:#333; outline:none; }
.input_2{float:left; width:788px; border:1px solid #d4d4d4; background:#fff; margin-top:1px; height:39px; line-height:39px; padding:0 10px; color:#333; outline:none;  }
.i{ background:#fff; color:#333;}
.c_800_5{background:#fff; border:1px solid #d4d4d4; outline:none;  float:left; color:#333; width:788px; height:128px; padding:5px 10px;  font-size:14px; line-height:20px;}
.i{ background:#fff; color:#646464;}
.input_3{float:left; width:171px; border:1px solid #d4d4d4; outline:none;  background:#fff; height:39px; line-height:39px; padding:0 10px; font-size:14px; color:#333; }
.i{ background:#fff; color:#333;}
.yzm{float:left; width:98px; height:41px; margin-left:11px;}
.c_800_6{float:left; width:100%; padding:20px 0 0 0;}
.c_800_6 a{float:left;width:167px; height:50px; border:none;background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); border-radius:4px; cursor:pointer; font-size:14px; color:#fff; text-align:center; font-size:14px; line-height:50px;}
.c_800_6 a:hover{ opacity: 0.8; color:#fff;}
.c_800_3 input[placeholder], [placeholder], *[placeholder] {color:#333 !important;} 
.c_800_3 ::-webkit-input-placeholder{color:#333}
.c_800_3 :-moz-placeholder{color:#333}
.c_800_3 ::-moz-placeholder{color:#333}
.c_800_3 :-ms-input-placeholder{color:#333}

.input_1:focus,
.input_2:focus,
.input_3:focus,
.c_800_5:focus{border:1px solid #04c0fe;}


.form-panel { float:left; width:100%; padding:15px 0 50px 0;}
.form-panel li{ float: left; border: 0; width: 358px;margin-bottom: 17px; }
.form-panel li.m_l_30{ margin-right:30px;}
.form-panel li:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .field { float: left; border: 0; width:750px; margin-bottom: 17px; }
.form-panel li label { display:block; color: #878787; font-size: 14px; line-height: 16px; margin: 16px 0 0 8px; }
.form-panel li label em { text-transform: uppercase; color: #c1c1c1; font-size: 14px; line-height: 16px;}
.form-panel .input { margin: 10px 0; width: 321px; height:30px; padding:3px 20px; border: 1px solid #d4d4d4; background: #fff; border-radius: 20px; color:#878787; line-height: 30px; }
.form-panel .input1 { margin: 10px 0; width: 710px; height:30px; padding:3px 20px;  border: 1px solid #d4d4d4; background: #fff; border-radius: 20px; color:#878787; line-height: 30px; }
.form-panel .textarea { margin: 10px 0; float: left; width:708px; height:229px; padding:10px 20px; border: 1px solid #d4d4d4; background: #e4e4e4; border-radius: 20px; color: #878787; font-size: 14px; line-height: 16px; overflow: hidden; resize:none;}
.form-panel .input:focus,.form-panel .input1:focus,.form-panel .textarea:focus { border: 1px solid #d4d4d4; background: #fff; }
.form-panel .btn-submit { width:182px; height:40px; border:none; background: #e4e4e4; border-radius: 20px; cursor:pointer; font-size:14px; color:#878787;}
.form-panel .btn-submit:hover {background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); color:#fff;}



/*产品中心*/
.d_1101_4{ float:left; width:100%; padding:0; overflow:hidden; min-height:500px;}
.d_1101_4 .ul_1{ float:left; width:820px; padding:0 0 30px 0;}
.ul_1 li{ float:left; width:263px; margin:30px 10px 0 0;}
.ul_1 li .t_337{ float:left; width:100%; line-height:0; position: relative; overflow:hidden; }

.ul_1 li .t_337 a{display:block; width:100%; height:180px;}

.ul_1 li .t_337 img{ opacity:1;filter: alpha(opacity=100); width:auto; display:block; margin: 0 auto; max-width:100%; height:100%;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; vertical-align:middle;-ms-interpolation-mode:bicubic;

}
.ul_1 li .t_337 span{ background:url(images/md-icon-4.png) center no-repeat; width:48px; height:48px; position:absolute; left:50%; top:-48px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; margin:-24px 0 0 -24px;}

.ul_1 li .t_337  i{ width:50px; height:50px; background:url(images/main46.png) center no-repeat; background-size:100% 100%; position:absolute; top:50%; left:-25px; margin-left:-25px; margin-top:-25px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.ul_1 li .t_337  em{ width:50px; height:50px; background:url(images/main47.png) center no-repeat; background-size:100% 100%; position:absolute; top:50%; right:-25px; margin-top:-25px; margin-right:-25px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.ul_1 li:hover .t_337 em{right:50%;}
.ul_1 li:hover .t_337 i{left:50%;}

.ul_1 li .d_337{ float:left; width:100%; line-height:14px; padding:15px 10px 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;text-overflow:ellipsis; overflow:hidden;text-align:center;}
.ul_1 li .d_337 a{ color:#333; font-size:14px;}
.ul_1 li:hover .d_337 a{ color:#333;}
.ul_1 li:hover .t_337{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}

.ul_1 li:hover .t_337 img{ opacity:0.2;filter: alpha(opacity=10.2);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ul_1 li:hover .t_337 span{ top:50%;}


/*产品中心内页*/
.c_800_9{float:left; width:100%; padding:20px 0 0 0;}
.picFocus{ float:left; width:100%; position:relative; zoom:1; /*padding-bottom:20px;*/}
.picFocus .text{ float: right; width: 240px; line-height:190%; word-wrap:break-word; text-align:justify; font-size:14px; color:#666;}
.l_0100_2{ float:left; width:540px; margin-bottom:30px;}
.hometop .slick-slide{float:left; width:100%;position:relative;}
.hometop .slick-slide li{ vertical-align:middle; border:1px solid #e5e5e5;  }
.hometop .slick-dots{ height:0; overflow:hidden;}
.hometop .slick-prev{float:left; width:27px; height:40px; background:url(images/z_img21.png) center no-repeat rgba(11,162,154,0.8); margin-top:-20px; left:0;}
.hometop .slick-prev:hover{ background:url(images/z_img21.png) center no-repeat rgba(11,162,154,0.6);}
.hometop .slick-next{float:right; width:27px; height:40px; background:url(images/z_img20.png) center no-repeat rgba(11,162,154,0.8); margin-top:-20px; right:0}
.hometop .slick-next:hover{ background:url(images/z_img20.png) center no-repeat rgba(11,162,154,0.6);}
.homedown{ float:left;width:100%; overflow:hidden; margin-top:20px; padding:0 15px;}
.homedown .slick-prev{float:left; width:7px; height:13px; background:url(images/zy_img24.png) no-repeat; margin-top:-7px; left:0;}
.homedown .slick-prev:hover{background:url(images/zy_img24_1.png) no-repeat;}
.homedown .slick-next{float:right; width:7px; height:13px; background:url(images/zy_img25.png) no-repeat; margin-top:-7px; right:0;}
.homedown .slick-next:hover{background:url(images/zy_img25_1.png) no-repeat;}
.homedown .slick-slide{ float:left; overflow:hidden; margin:0 5px; zoom:1; border:1px solid #e7e7e7; cursor:pointer;   }
.homedown .slick-slide.slick-current{border:1px solid #04c0fe;}
.l_0100_2.l_400{ width:540px;}


.c_800_10{float:left; width:100%; color:#666; font-size:14px; line-height:30px; padding:0 0 30px 0;}
.slideTxtBox .hd { float:left; width:100%; border-bottom:1px solid #e3e3e3;}
.slideTxtBox .hd li { float:left; width:108px; height:28px; text-align:center; line-height:28px; border:1px solid #e3e3e3; border-bottom:none; margin-right:5px; display:inline; background:#e3e3e3; cursor:pointer; }
.slideTxtBox .hd li.on { background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; }
.slideTxtBox .bd{ float:left; width:100%;}

.pro-fh{ float:left; width:100%;}
.pro-fh a{ float:left; width: 120px; height: 26px; background: #eee; border-radius: 4px; color: #666; font-size: 14px; line-height: 26px; text-align: center;}
.pro-fh:hover a{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); color: #fff;}

/*分页*/
.fy_box{float:left; width:712px; padding:10px 0 0 0; line-height:36px;position:relative; border-top:1px solid #d7d7d7; margin-top:30px;}
.fy_l{float:left;}
.fy_r{float:right;}
.fy_center{width:25px; height:13px; position:absolute; left:50%; margin-left:-12px; top:0;}
.fy_box a{color:#646464;}
.fy_box a:hover{color:#04c0fe;}

.c_800_11{float:left; width:100%;}
.tit_16{float:left; width:100%; line-height:46px; height:47px;  background:url(images/main_img5.png) repeat-x bottom;font-size:18px; color:#323232;}
.slide_pic{ float:left; width:100%; padding:24px 0 0 0; position:relative;}
.slide_pic .slick-prev{float:right; width:7px; height:13px; background:url(images/zy_img24.png) no-repeat; margin-top:-28px; top:0; left:auto; right:15px;}
.slide_pic .slick-prev:hover{background:url(images/zy_img24_1.png) no-repeat;}
.slide_pic .slick-next{float:right; width:7px; height:13px; background:url(images/zy_img25.png) no-repeat; margin-top:-28px; margin-left:10px; top:0; right:0;}
.slide_pic .slick-next:hover{background:url(images/zy_img25_1.png) no-repeat;}
.slide_pic .slick-slide{ margin:0 5px;}
.slide_pic .slick-slide .c_178{ float:left; width:100%;border:1px solid #e6e6e6;}
.slide_pic .slick-slide .tit_15{ float:left;width:100%; }
.slide_pic .slick-slide .tit_15 a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; color:#323232; font-size:14px; line-height:14px; padding:15px 0;}

.slide_pic .slick-slide:hover .c_178,
.slide_pic .slick-slide.slick-current .c_178{border:1px solid #04c0fe;}
.slide_pic .slick-slide:hover .tit_15 a,
.slide_pic .slick-slide.slick-current .tit_15 a{color:#04c0fe;}
.slide_pic .slick-dots{ float:left; position:static; height:0; overflow:hidden;}


/*6下载列表*/
.c_main_6{ float:left; width:100%;}
.ul5{ float:left; width:100%; line-height:42px; padding:0 0 30px 0;}
.ul5 li{ float:left; width:100%; border-bottom:1px dashed #cccccc; line-height:48px;}			
.ul5 li .li2{ float:left; width:620px; font-size:14px; color:#666666; padding:0 0 0 23px; background:url(images/md-icon-7.png) left center no-repeat; overflow:hidden; text-overflow:ellipsis;}	
.ul5 li:hover .li2{ color:#333;}		
.ul5 li .li1{ float:right; color:#666666; font-size:14px; background:url(images/img_7.png) right center no-repeat; padding:0 18px 0 0;}
.ul5 li:hover .li1{ color:#333; background:url(images/img_8.png) right center no-repeat;}

.download li { float:left; width:780px; padding: 24px 0 18px 30px; background: url(images/md-icon-7.png) no-repeat left 30px; border-bottom: 1px dotted #949494; color: #4f4f4f; font-size: 14px; line-height: 27px; overflow: hidden;}
.download li p { float: left; width:400px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.download li a.more { display: block; float: right; width: 104px; height: 27px; background: #848484; color: #fff; font-size: 12px; text-align: center;}
.download li span { float: right; display: block; padding-right: 20px; margin-right: 22px; border-right: 1px solid #cbcbcb; color: #9c9c9c;}
.download li a.more:hover {background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}




/*8联系我们*/
.d_984_1{ float:left; width:100%; padding:25px 0 0 0;}
.map{ float:left; width:808px; border:1px solid #ccc; line-height:0;}
.l_881{ float:left; width:100%; margin-top:20px;}
.c1{ float:left; width:100%; font-size:20px; line-height:18px; color:#333;}
.contact{ float:left; width:100%; margin-top:15px;}
.contact li{ float:left; width:340px; line-height:42px; color:#666; font-size:14px; padding-left:25px; margin-right:20px;}
.contact li a{ color:#666;}
.contact li.i2{ background:url(images/mb-c2.png) left center no-repeat;}
.contact li.i3{ background:url(images/mb-c3.png) left center no-repeat;}
.contact li.i4{ background:url(images/mb-c4.png) left center no-repeat;}
.contact li.i5{ background:url(images/mb-c5.png) left center no-repeat;}
.contact li.i6{ background:url(images/mb-c6.png) left center no-repeat;}
.contact li.i7{ background:url(images/mb-c7.png) left center no-repeat;}
.contact li.i8{ background:url(images/mb-c8.png) left center no-repeat;}





/*20170714*/

/*新闻*/
.l_808_3{ float:left; width:100%;}
.l_808_3 li{ float:left; width:100%; padding:30px 0; border-bottom:1px dashed #dcdcdc;}
.l_570{ float:left; width:100%;}
.r_time{ float:right;line-height:26px; color:#bcbcbc; font-size:14px; font-family:"Arial";}
.l_808_3 li:hover .txt1{ color:#333;}
.txt1{ float:left; width:100%; color:#333333; font-size:18px; line-height:26px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}
.h_txt1{ width:460px;}
.txt2{ float:left; width:100%; color:#666666; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:8px;}
.h_txt2{ height:66px;}
.r_709{ float:right; width:710px;}
.time_78{ float:left; width:66px; height:66px; background:#efefef; text-align:center; padding:6px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.time_78 .nub{ float:left; width:66px;font-size:40px; line-height:40px;  color:#999999; font-family:"Arial"; margin-top:3px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.time_78 .year{ float:left; width:66px; font-size:13px; border-top:1px solid #d5d5d5; color:#999999; font-family:"Arial"; line-height:21px; padding-top:2px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.r_572{ float:right; width:560px;}
.pic_220{ float:left; width:223px; height:146px; overflow:hidden; background:#000;}
.pic_220 img{opacity:0.9;filter: alpha(opacity=90);
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.l_808_3 li:hover:hover .pic_220 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}


.l_808_3 li:hover .time_78{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}
.l_808_3 li:hover .time_78 .nub{ color:#fff;}
.l_808_3 li:hover .time_78 .year{ color:#fff; border-top:1px solid rgba(255,255,255,0.5);}
.r_572 .more{ float:left; width:100%; margin-top:12px;}
.r_572 .more span{ float:left; width:100px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:14px;background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}
.l_808_3 li:hover .r_572 .more span{ box-shadow:0 3px 5px #ccc; -moz-box-shadow:0 3px 5px #ccc; -webkit-box-shadow:0 3px 5px #ccc;}



/*新闻详情*/

.qc_1200_15{ float:left; width:100%; margin-top:30px;}
.qc_1200_15 h2{ display:block; float:left; width:100%; color:#333; line-height:30px; text-align:center;}
.qc_1200_15 .qc_15_1{ float:left; width:100%; border-bottom:1px solid #d3d3d3; margin-top:8px; padding-bottom:10px; text-align:center;}
.qc_1200_15 .qc_15_1 span{ display:inline-block; *display:inline; *zoom:1;}
.qc_1200_15 .qc_15_1 span font{ display:block; float:left; font-size:14px; line-height:48px; color:#999; margin:0 30px; padding-left:22px;}
.qc_1200_15 .qc_15_2{ float:left; width:100%; font-size:14px; line-height:30px; color:#666; padding:42px 0; border-bottom:1px solid #d3d3d3;}
.qc_1200_15 .qc_15_3{ float:left; width:100%; margin-top:20px;}
.qc_1200_15 .qc_15_3 .qc_15_4{ float:left; width:600px;}
.qc_1200_15 .qc_15_3 .qc_15_4 a{ display:block; float:left; clear:left; font-size:14px; line-height:24px; color:#666;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.qc_1200_15 .qc_15_3 .qc_15_4 a:hover{ color:#333;}
.qc_1200_15 .qc_15_3 .qc_15_5{ float:right; margin-top:7px;}
.bdsharebuttonbox{ float:left !important; margin:0 !important; padding:0 !important; border:0 !important;}
.bdsharebuttonbox .bds_more{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_5.png) no-repeat center !important;}
.bdsharebuttonbox .bds_weixin{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_6.png) no-repeat center !important;}
.bdsharebuttonbox .bds_tsina{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_7.png) no-repeat center !important;}
.bdsharebuttonbox .bds_qzone{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_8.png) no-repeat center !important;}


/*加入我们*/
.chancecontain{ position:relative; width:100%; float:left;}
.chancecontain ul{ float:left; width:100%;}
.chancecontain ul li{ float:left; width:100%; margin-top:12px; line-height:60px;}
.chancecontain ul li .l_1115{ float:left; width:100%;  background:#f2f2f2;line-height:60px; font-size:16px; cursor:pointer;}
.lermore_box{ width:70px; float:right; border-left:solid 1px #e5e5e5;}
#lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(images/z_btn_2.png) no-repeat center;
-webkit-transition: all 0.1s ease-out 0s; 
-moz-transition: all 0.1s ease-out 0s; 
-o-transition: all 0.1s ease-out 0s; 
transition: all 0.1s ease-out 0s;}

.chancecontain ul li .l_1115 .a .z_270{ color:#333; width:190px; float:left; text-align:left; padding-left:20px;}
.chancecontain ul li .l_1115 .a .z_170{ color:#333; width:130px; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_236{ color:#333; width:130px; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_204{ color:#333; width:130px; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis;}
.chancecontain ul li .l_1115 .a .z_196{ color:#333; width:130px; float:left; text-align:center; text-align:center;}
.chancecontain ul li.z_l1 .l_1115{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);height:60px;}
.chancecontain ul li.z_l1 .l_1115 .a{ color:white; line-height:60px; font-size:16px; font-weight:bold;}
.chancecontain ul li.z_l1 .l_1115 .a .z_270{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_170{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_236{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_204{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_196{ color:white;}
.chancecontain ul li .l_1115.active #lermore{ background:url(images/z_btn_3.png) no-repeat center;}
.chancecontain ul li .l_1115.active .a .z_270,
.chancecontain ul li .l_1115.active .a .z_170,
.chancecontain ul li .l_1115.active .a .z_236,
.chancecontain ul li .l_1115.active .a .z_204,
.chancecontain ul li .l_1115.active .a .z_196{ color:#333;}

.chancecontain .deta{ display:none; width:100%; overflow:hidden; float:left; background:#fbfbfb;}
.chancecontain .deta .l_1200{ float:left; width:770px; padding:40px;}
.chancecontain .deta .l_1200 .z_1200_t{ width:100%; float:left; font-size:12px; color:#666; line-height:28px;}
.chancecontain .deta .l_1200 .z_655{ width:100%; float:left;}
.chancecontain .deta .l_1200 .z_655 span{ display:block; font-size:16px; color:#333;}
.chancecontain .deta .l_1200 .z_384{ width:100%;  float:right; margin-top:20px;}
.chancecontain .deta .l_1200 .z_384 span{ display:block; font-size:16px; color:#333;}
.chancecontain .deta .l_1200 .z_1200_b{ width:100%; margin-top:20px; font-size:14px; line-height:28px; float:left; color:#666;}
.chancecontain .deta .l_1200 .z_1200_b .z_384{ border:none;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:12px;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a{ color:white;background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); width:123px; height:37px; line-height:37px; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; overflow:hidden; display:block; float:left;}





.Recruitment_list{ float:left; width:100%; margin-top:20px;}
.Recruitment_list li{ float:left; width:770px; background:#f2f2f2; padding:20px;display: flex; flex-wrap: wrap; align-items: center; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; position:relative; margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.Recruitment_list .name{ float:left; width:30%;}
.Recruitment_list .name a{ display:block; color:#333; font-size:18px; line-height:28px;}
.Recruitment_list .name span{ display:block; color:#333333; font-size:14px; line-height:22px;}
.Recruitment_list .add{ float:left; width:34%; color:#333333; font-size:14px; line-height:28px;}
.Recruitment_list .time{ float:left; color:#909090; font-size:14px; line-height:28px;}
.Recruitment_list .more{ float:left; color:#333; font-size:16px; font-family:"Arial"; line-height:26px; position:absolute; right:40px; top:50%; margin-top:-13px;}
.Recruitment_list .more a{ color:#333;}
.Recruitment_list li:hover{background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde);}
.Recruitment_list li:hover .add,
.Recruitment_list li:hover .time,
.Recruitment_list li:hover .name a,
.Recruitment_list li:hover .name span,
.Recruitment_list li:hover .more a{ color:#fff;}



/*留言表单*/
.message{ float:left; width:810px; background:#fff;}
.message label{ float:left; width:100%; font-weight:normal; margin-top:11px;}
.fm1{ float:left; width:385px; padding:0 10px;}
.fm2{ float:left; width:790px; padding:0 10px;}
.fm3{ float:left; width:100%; text-align:center; margin-top:20px;}
.fm1_1{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:32px; text-transform:uppercase;}
.fm1_1 font{ font-size:12px;}
.fm1_1 span{ color:#ec9706;}
.fm1_2{ float:left; width:350px; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 15px; color:#999999; font-size:14px; height:50px; line-height:48px;}
.fm1_3{ float:left; width:752px; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:16px 18px; color:#999999; font-size:14px; height:139px; line-height:24px;}
.fm1_4{ display:inline-block; *display:inline; *zoom:1; width:180px; border:none;background-color:#b2f266; background-image: linear-gradient(to right, #b2f266 , #0aadde); color:#fff; height:50px; line-height:50px; text-align:center;  font-size:18px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 10px;}
.fm1_5{ display:inline-block; *display:inline; *zoom:1;color:#999999; font-size:14px; line-height:34px; text-align:center; margin:0 10px;}
.fm1_6{ display:inline-block; *display:inline; *zoom:1; color:#4c4c4c; font-size:14px; line-height:50px; margin:0 10px;}



/*产品详情修改*/

.game163 { position: relative; width:100%; overflow: hidden; position:relative;}
.game163 .bigImg { height:296px; position: relative;margin-left:105px; width:435px; float:left;}
.game163 .bigImg li{ width:100%; height:100%; position:relative !important; overflow:hidden;}
.game163 .bigImg li img { vertical-align: middle; width: 100%; height: 100%; max-width:none; }
.game163 .smallScroll { height:296px; position:absolute; left:0; top:0; z-index:5;}
.game163 .sPrev{ float:left; width:100%; height:20px; background:url(images/xiap2.png) no-repeat center #c5c5c5;}
.game163 .sNext{ float:left; width:100%; height:20px; background:url(images/xiap12.png) no-repeat center #c5c5c5;}
.game163 .sPrev:hover{background:url(images/xiap2.png) no-repeat center #e78110;}
.game163 .sNext:hover{ background:url(images/xiap12.png) no-repeat center #e78110;}
.game163 .smallImg { float:left; margin:3px 0 12px 0; display: inline; height:241px; width: 94px; overflow: hidden;}
.game163 .smallImg ul { width:94px !important; height: 9999px; overflow: hidden;}
.game163 .smallImg li { float: left; width:100%; height:70px; cursor: pointer; display: inline; overflow:hidden; margin-top:10px; position:relative;}
.game163 .smallImg img { display:block; width: 94px; height: 70px;}
.game163 .smallImg li:before{ content:''; display:block; width:90px; height:66px; border:solid 2px #e78110; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); z-index:9;}
.game163 .smallImg li.on::before{ opacity:1; filter:alpha(opacity=100);}

.game163 .bigImg1{ width:705px; height:479px;}
.game163 .smallImg1{ height:420px; margin:9px 0 9px 0;}
.game163 .smallScroll1 { height:479px;}
.game163 .smallImg1 li { margin-top:12px;}


/**/
.menu-b { float:left; width: 100%; margin:30px 0; }
.menu-b li { border-bottom: 1px solid #d9d9d9; padding: 15px 8px 12px 49px;}
.menu-b li a { position: relative; display: block; background:url(images/left_img1_hover.png) right center no-repeat;}
.menu-b li span { display: block; color: #828282; font-size: 12px; line-height: 16px; }
.menu-b li em { display: block; color: #bfbfbf; font-size: 12px; line-height: 16px; text-transform: uppercase;}
.menu-b li:hover span { color: #333;}
.menu-b li:hover a { background:url(images/left_img1.png) right center no-repeat;}
.menu-b li.ico1 { background: url(images/md-icon-1.png) no-repeat 5px center;}
.menu-b li.ico2 { background: url(images/md-icon-2.png) no-repeat 5px center;}
.menu-b li.ico3 { background: url(images/md-icon-3.png) no-repeat 5px center;}


.hTitle{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:35px; position:relative; z-index:6;}
.hTitle .Tit1{ float:left; width:100%; padding-bottom:26px; color:#333333; font-size:28px; line-height:28px; text-indent:54px; letter-spacing:1px; position:relative; z-index:6;}
.hTitle1 .Tit1:after{ float:left; width:290px; height:1px; background:#e7e7e7; content:''; position:absolute; left:305px; top:41px; z-index:5;}
.hTitle1 .Tit1:before{ float:left; width:8px; height:8px; background:#e7e7e7; content:''; position:absolute; left:305px; top:41px; margin-top:-4px; z-index:5; border-radius:50%;}
.hTitle1{ padding-bottom:0; border-bottom:none;}
.hTitle2 .Tit1:after{ left:252px; width:593px;}
.hTitle2 .Tit1:before{ left:252px;}
.hTitle3 .Tit1:after{ left:195px; width:812px;}
.hTitle3 .Tit1:before{ left:195px;}

.hAbout{ float:left; width:100%; margin:50px 0 54px 0;}
.hAbout .cont{ float:left; width:518px;}
.hAbout .cont .ifno{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; overflow:hidden; height:150px; margin:24px 0 27px 0;}
.hAbout .cont .more{ float:left; width:100%;}
.hAbout .cont .more a{ float:left; width:88px; line-height:32px; text-align:center; color:#fff; font-size:14px; background:url(images/2.jpg) center no-repeat; padding-left:19px; position:relative;}
.hAbout .cont .more a:after{ float:left; width:8px; height:8px; border-radius:50%; border:3px solid #fff; position:absolute; left:14px; top:50%; margin-top:-7px; content:'';}
.hAbout .cont .more a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
.hAbout .img{ float:right; width:525px;}


/*hPord*/
.hPordBg{ float:left; width:100%; margin:52px 0 40px 0;}
.hPord{ float:left; width:100%; margin-top:34px; position:relative;}
.hPord .parHd{ float:left; position:absolute; right:0; top:-60px; z-index:8;}
.hPord .parHd li{ float:left; /*width:107px;*/ padding:0 6px; line-height:32px; background:#f0f0f0; color:#666666; font-size:16px; margin-left:5px; text-align:center; cursor:pointer;}
.hPord .parHd li.on{background:url(images/2.jpg) center no-repeat; background-size:100% 100%; color:#fff;}
.hPord .parBd{ float:left; width:100%; position:relative;}
.hPord .slideBox{ margin:0 -15px; overflow:visible; position:initial;}
.hPord .l1{ float:left; width:252px; padding:15px;}
.hPord .la{ float:left; width:100%; position:relative; text-align:center; background:#fff; outline:none; overflow:hidden;}
.hPord .la .img{ float:left; width:100%; line-height:0; overflow:hidden; margin-bottom:41px;}
.hPord .la .cont{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:-100%; margin-bottom:41px; padding:0 22px; box-sizing:border-box;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.hPord .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(images/8.jpg) center repeat-y; background-size:100% 100%;}
.hPord .la .tit{ float:left; width:100%; color:#fff; font-size:16px; line-height:41px; position:relative; z-index:6; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.hPord .la .tit:after{ float:left; width:34px; height:1px; position:absolute; left:50%; bottom:0; content:''; margin-left:-17px;}
.hPord .la .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; position:relative; z-index:6; max-height:90px; overflow:hidden; text-align:left; margin:13px 0;}
.hPord .la .more{ float:left; width:100%; color:#fff; font-size:16px; line-height:51px; position:relative; z-index:6; border-top:1px solid rgba(255,255,255,0.4);}
.hPord .la:hover .cont{ bottom:0; margin-bottom:0;}
.hPord .la:hover .tit{ padding:18px 0 8px 0;}
.hPord .la:hover .tit:after{ background:#fff;}
.hPord .la:hover .bg{opacity:0.9; filter:alpha(opacity=90);}
.hPord .la:hover{ box-shadow:0 4px 13px rgba(0,0,0,0.22);}
.hPord .sPrev,
.hPord .sNext{ float:left; width:38px; height:38px; background:url(images/9.png) left top no-repeat; outline:none; border:none; box-shadow:none; overflow:hidden; text-indent:-999px; position:absolute; left:-49px; top:50%; margin-top:-19px;}
.hPord .sNext{ left:auto; right:-49px; background:url(images/9.png) right top no-repeat;}
.hPord .sPrev:hover{ background:url(images/9.png) left bottom no-repeat;}
.hPord .sNext:hover{ background:url(images/9.png) right bottom no-repeat;}


.hNewsBg{ float:left; width:100%; padding:54px 0 48px 0;}
.hNews{ float:left; width:100%; margin-top:39px; position:relative; }
.hNews .hd{ float:left; position:absolute; right:0; top:-67px; z-index:8;}
.hNews .hd li{ float:left; width:107px; line-height:32px; background:#f0f0f0; color:#666666; font-size:16px; margin-left:15px; text-align:center; cursor:pointer;}
.hNews .hd li.on{background:url(images/2.jpg) center no-repeat; background-size:100% 100%; color:#fff;}
.hNews .bd{ float:left; width:100%;}
.hNews .bd .l1{ float:left; width:542px; padding:5px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.17); margin-top:15px;}
.hNews .bd .l1 .la{ float:left; width:100%; position:relative; overflow:hidden;}
.hNews .bd .l1 .img{ float:left; width:100%; line-height:0; position:relative;}
.hNews .bd .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.hNews .bd .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.hNews .bd .l1 .tit{ float:left; width:100%; position:relative; z-index:6; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; position:absolute; left:0; bottom:0; z-index:1; background:#000; background:rgba(0,0,0,0.6); padding:0 120px 0 18px; color:#fff; font-size:18px; font-weight:bold; line-height:52px; box-sizing:border-box;}
.hNews .bd .l1 .tit time{ position:absolute; right:18px; top:0; font-size:14px; font-weight:normal;}

.hNews .bd .l2{ float:right; width:524px; padding:5px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.17); margin-top:15px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.hNews .bd .l2 .la{ float:left; width:100%;min-height:100px; position:relative; overflow:hidden; padding:0 25px 0 190px; box-sizing:border-box;}
.hNews .bd .l2 .img{ float:left; width:156px; height:102px; position:absolute; left:0; top:0;}
.hNews .bd .l2 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.hNews .bd .l2:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.hNews .bd .l2 .tit{ float:left; width:100%; position:relative; z-index:6; overflow:hidden; white-space: nowrap; text-overflow:ellipsisl; padding-left:21px; color:#333333; font-size:16px; font-weight:bold; line-height:26px; box-sizing:border-box; margin:8px 0; background:url(images/19.png) left center no-repeat;}
.hNews .bd .l2 .info{ float:left; width:100%; position:relative; z-index:6; overflow:hidden; white-space: nowrap; text-overflow:ellipsisl; color:#666666; font-size:14px;line-height:24px;}
.hNews .bd .l2 .time{float:left; width:100%; color:#666666; font-size:14px; line-height:22px; margin-top:7px; padding-top:5px; border-top:1px solid #e5e5e5; }
.hNews .bd .l2 .time span{ float:right; font-size:14px; font-weight:normal;}
.hNews .bd .l2:hover{ background:url(images/18.jpg) center top repeat-y; background-size:100% 100%;}
.hNews .bd .l2:hover .tit{background:url(images/20.png) left center no-repeat; color:#fff;}
.hNews .bd .l2:hover .info{ color:#fff;} 
.hNews .bd .l2:hover .time{ color:#fff;} 

.hSolutBg{ float:left; width:100%; padding:51px 0 54px 0;}
.hSolut{ float:left; width:100%; margin-top:52px; position:relative; z-index:16;}
.hSolut .hd{ float:left; width:100%; overflow:hidden;}
.hSolut .hd ul{ white-space:nowrap;}
.hSolut .l1{ float:left; white-space:nowrap; width:246px; overflow:hidden; position:relative; outline:none;}
.hSolut .l1 a{ float:left; width:100%; padding:46px 0; background:#000000;outline:none;}
.hSolut .l1 .img{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.5; filter:alpha(opacity=50);}
.hSolut .l1 .info1{ float:left; width:100%; position:relative; z-index:6; text-align:center; height:245px;}
.hSolut .l1 .info1 .ico1{ float:left; width:100%; line-height:0; margin:65px 0 12px 0;}
.hSolut .l1 .info1 .ico1 img{ display:inline-block; width:54px; height:54px; padding:13px; background:#fff; border-radius:50%;}
.hSolut .l1 .info1 .tit1{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.hSolut .l1 .info2{ display:none; float:left; width:227px; background:#fff; background:rgba(255,255,255,0.92); position:relative; z-index:6; padding:31px  45px 27px 30px;}
.hSolut .l1 .info2 .ico2{ float:left; line-height:0; position:absolute; right:-27px; top:50%; margin-top:-27px; z-index:16;}
.hSolut .l1 .info2 .ico2 img{ display:inline-block; width:54px; height:54px; background:url(images/25.png) center no-repeat; background-size:100% 100%; border-radius:50%;}
.hSolut .l1 .info2 .tit2{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold; height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.hSolut .l1 .info2 .cont2{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; height:144px; overflow:hidden; margin-top:15px;}
.hSolut .l1:hover .info1 .ico1 img,
.hSolut .l1:hover .info2 .ico2 img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.hSolut .l1.slick-current{ width:362px;}
.hSolut .l1.slick-current .img{opacity:1; filter:alpha(opacity=100)}
.hSolut .l1.slick-current .info1{ display:none;}
.hSolut .l1.slick-current .info2{ display:block;}
.hSolut .l1.slick-current .info2 .cont2{ white-space:normal;}
.hSolut .slick-prev,
.hSolut .slick-next{ float:left; width:26px; height:26px; background:url(images/26.png) right top no-repeat; position:absolute; right:0; top:-74px; z-index:16; cursor:pointer;}
.hSolut .slick-prev{ left:auto; right:40px; background:url(images/26.png) left top no-repeat;}
.hSolut .slick-next:hover{ background:url(images/26.png) right bottom no-repeat;}
.hSolut .slick-prev:hover{ background:url(images/26.png) left bottom no-repeat;}